<template>
    <div class="MeetingCode">
        <div class="header"><img class="return_img" src="@/assets/Return.png" style="width:.23rem;height:.4rem;" v-on:click="back()">会议须知</div>
        <div class="content">
            <div class="code">
                <div class="title">
                  <p>
                    <span class="cont">主题：</span>
                    <span class="time-cont">{{ theme }}</span>
                  </p>
                  <p>
                    <span class="cont">时间：</span>
                    <span class="time_cont">{{format(startTime,'yyyy-MM-dd hh:mm') }}</span>
                  </p>
                  <p>
                    <span class="cont">地址：</span>
                    <span class="time_cont">{{address}}</span>
                  </p>
                </div>               
                         
                <div class="footer"> 
                  <div class="code_img">
                    <img class="left" :src="codeImg " alt="" style="width:3.06rem;height:3.06rem;">
                  </div> 
                  <p>参会嘉宾可扫码，查看会议须知</p>   
                </div>                
            </div>
        </div>        
    </div>
</template>
<script>
import { XButton } from "vux";
import { getMeetingOrderCode, updateMeetingNotice } from "@/service/meeting.js";
// import axios from "axios";
import { format } from "@/service/util.js";
export default {
  components: { XButton },
  data() {
    return {
      mOrederData: "",
      codeImg: "",
      startTime: "",
      endTime: "",
      address: "",
      theme: "",
      format: format
    };
  },
  created() {
    this._getMeetingOrderCode();
  },
  methods: {
    _getMeetingOrderCode() {
      var mOrderId = this.$route.query.id;
      var data = {
        mOrderId: mOrderId
      };
      getMeetingOrderCode(data).then(res => {
        this.theme = res.data.theme;
        this.codeImg = res.data.codeImg;
        this.endTime = res.data.endTime;
        this.startTime = res.data.startTime;
        this.address = res.data.address;
      });
    },
    met_btn() {
      this.$router.push("/my/Meeting/Notice");
    },
    back() {
      this.$router.go(-1); //返回上一层
    }
  }
};
</script>

<style scoped lang="less">
.MeetingCode {
  .header {
    height: 0.88rem;
  }
  .content {
    width: 100%;
    height: 12.06rem;
    // background-image: linear-gradient(top, #983ba5, #d363e1);
    background:linear-gradient(180deg,rgba(166,116,66,1),rgba(206,156,107,1));
    padding-top: 1.13rem;
    .code {
      background: url(../../../assets/QrCode2.png) no-repeat;
      background-size: 100%;
      width: 6.4rem;
      height: 9.6rem;
      margin: 0 auto;
      padding-top: .65rem;
      .title {
        width: 5.72rem;
        font-size: 0.3rem;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        color: rgba(42, 42, 42, 1);
        line-height: 0.48rem;
        margin-left: .41rem;
        p{
          margin-bottom: .4rem;
          .cont{
          width: .68rem;
          height: .28rem;
          font-size: .3rem;
          font-family:PingFang-SC-Medium;
          font-weight:500;
          color:rgba(102,102,102,1);
          line-height: .36rem;
        }
        .time-cont{
          width: .323rem;
          height: .34rem;
          font-size: .36rem;
          font-family:PingFang-SC-Bold;
          font-weight:bold;
          color:rgba(0,0,0,1);
          line-height: .36rem;
        }
        }
        
      }
      .code_img {
        width: 3.06rem;
        height: 3.06rem;
        margin: 0 auto;
        margin-top: 1.7rem;
        
      }
      .footer {
       p{
          margin-top:.8rem;
          width:100%;
          height: .24rem;
          text-align: center;
          font-size: .24rem;
          font-family:PingFang-SC-Medium;
          font-weight:500;
          color:rgba(102,102,102,1);
        }
      }
    }
  }
}
</style>
